import axios from "axios";
import ElementUI from "element-ui";
import store from "@/store";

// 创建一个axios 实例
const request = axios.create({
    /**
     * 注意！！ 这里是全局统一加上了 '/api' 前缀，也就是说所有接口都会加上'/api'前缀在，
     * 页面里面写接口的时候就不要加 '/api'了，否则会出现2个'/api'，
     * 类似 '/api/api/user'这样的报错，切记！！！
     */
    baseURL: "/api",
    timeout: 5000,
})

// request 拦截器
// 可以自请求发送前对请求做一些处理
// 比如统一加token，对请求参数统一加密
request.interceptors.request.use(config => {
    // 添加请求头设置
    config.headers['Content-Type'] = 'application/json;charset=utf-8'

    let token = localStorage.getItem("token")
    if (token !== null && token !== "") {
        config.headers['token'] = token // 设置请求头
    } else {
        config.headers['token'] = '' // 设置请求头
    }

    return config
}, error => {
    // 对请求错误做些什么
    return Promise.reject(error)
})


// response 拦截器
// 可以在接口响应后统一处理结果
request.interceptors.response.use(response => {
    // 获取响应结果数据
    let res = response.data

    // 当员工响应码异常，直接退出登录
    if (res.code === 10000) {
        ElementUI.Message({
            message: res.msg,
            type: "error",
        })

        //store.dispatch("staff/logout").then(r => {})

        return Promise.reject()
    }


    // 如果返回的是文件
    if (response.config.responseType === 'blob') {
        return res
    }

    // 兼容服务器端返回的字符串数据，防止出现 'Unexpected token < in JSON at position 0' 错误
    if (typeof res === 'string') {
        res = res ? JSON.parse(res) : res
        return res
    }

    return res

}, error => {
    return Promise.reject(error)
})


export default request
